<template>
	<view class="container">
		<bubble :size="40" class="bubble"><view class="dot" slot="bubble">111</view></bubble>
	</view>
</template>

<script>
import bubble from '@/components/bubble/index.vue';
export default {
	components: { bubble },
	data() {},
	onLoad() {},
	onReady() {},

	methods: {}
};
</script>

<style lang="scss">
.bubble {
	margin-top: 50rpx;
	margin-left: 100rpx;
}
.dot {
	width: 40rpx;
	height: 40rpx;
	background-color: #f03c3c;
	border-radius: 20rpx;
	color: #fff;
}
</style>
